<template>
   <el-button type="primary" text size="large">
              <el-icon :size="16" color="#0a60e6"><Edit /></el-icon>
               <span>{{text}}</span>
    </el-button>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
  name: 'EditBtn',
})
</script>
<script setup  lang="ts">
const {text} = defineProps<{
  text:string
}>()
</script>

<style  lang="scss" scoped>
.el-button.is-text:not(.is-disabled):hover {
    background-color: transparent;
}
</style>
